<!doctype html>
<html class="no-js" lang="zxx" >

<head>
    <meta charset="utf-8">

    <title>首页</title>

    <!-- Favicon -->
    

    <!-- CSS
	============================================ -->
    <link rel="stylesheet" href="../../../static/test/ziy/iconfont.css">

    <link rel="stylesheet" href="../../../static/test/ziy/common.css">

    <link rel="shortcut icon" href="../../../static/test/img/favicon.ico">
    <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
    <link rel="stylesheet" href="../../../static/test/css/profile.css">
    <link rel="stylesheet" href="../../../static/test/css/style.default.css" id="theme-stylesheet">
    <link rel="stylesheet" href="../../../static/test/css/font-icon-style.css">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="../../../static/css/vendor/bootstrap.min.css">
    <!-- Fontawesome -->
    <link rel="stylesheet" href="../../../static/css/vendor/font-awesome.css">
    <!-- Fontawesome Star -->
    <link rel="stylesheet" href="../../../static/css/vendor/fontawesome-stars.css">
    <!-- Ion Icon -->
    <link rel="stylesheet" href="../../../static/css/vendor/ion-fonts.css">
    <!-- Slick CSS -->
    <link rel="stylesheet" href="../../../static/css/plugins/slick.css">
    <!-- Animation -->
    <link rel="stylesheet" href="../../../static/css/plugins/animate.css">
    <!-- jQuery Ui -->
    <link rel="stylesheet" href="../../../static/css/plugins/jquery-ui.min.css">
    <!-- Venobox.css -->
    <link rel="stylesheet" href="../../../static/css/plugins/venobox.css">
    <!-- Nice Select -->
    <link rel="stylesheet" href="../../../static/css/plugins/nice-select.css">

    <link href="../../../static/test/ziy/memberV3.css" rel="stylesheet" type="text/css">

    <link rel="stylesheet" href="../../../static/css/style.css">
    <!--<link rel="stylesheet" href="../../static/css/style.min.css">-->

</head>

<body class="template-color-1">

<div class="main-wrapper">

    <header class="header-main_area">
        <div class="header-top_area">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4">
                        <div class="ht-left_area in-header return" style="height: 45px;">
                            <a class="return" style="top: 5px;" href="../index.html" th:href="@{'/course/index/'+${session.course.id}}" >
                                    <span style="background:#fed100;color:#333333;">
                                        <i class="iconfont iconfanhui" style="color: black;"></i>
                                        <strong th:text="${session.course.name}">课堂名称</strong>
                                    </span>
                            </a>
                        </div>
                    </div>

                    <div class="col-lg-8">
                        <div class="ht-right_area">
                            <div class="ht-menu">
                                <ul>
                                    <li><a href="#"></a></li>
                                    <li><a href=""></a></li>
                                    <li><a href="/user/personal"><i class="ion-person"></i>个人中心</a></li>
                                    <li><a href="/doLogout"><i class="ion-log-out"></i>退出用户</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>

</div>

    <div class="umino-footer_area">
<!--        <div class="footer-top_area">-->
<!--            <div class="container">-->
<!--                <div class="row justify-content-between">-->
<!--                    <div class="col-3">-->
<!--                        <button type="button" class="btn btn-warning" data-toggle="modal" data-target="#exampleModal" id="addClass">-->
<!--                            添加学生-->
<!--                        </button>-->
<!--                    </div>-->
<!--                    <div class="col-3">-->
<!--                        <div class="newsletter-form_wrap">-->
<!--                            <form action="http://devitems.us11.list-manage.com/subscribe/post?u=6bbb9b6f5827bd842d9640c82&amp;id=05d85f18ef" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="newsletters-form validate" target="_blank" novalidate>-->
<!--                                <div id="mc_embed_signup_scroll">-->
<!--                                    <div id="mc-form" class="mc-form subscribe-form">-->
<!--                                        <input id="mc-email" class="newsletter-input" type="email" autocomplete="off" placeholder="Enter email address" />-->
<!--                                        <button class="newsletter-btn" id="mc-submit">Subscribe</button>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </form>-->
<!--                        </div>-->
<!--                    </div>-->

<!--                </div>-->

<!--            </div>-->
<!--        </div>-->


        <!-- Umino's Login Register Area  End Here -->
        <!-- Begin Umino's Footer Area -->

        <div class="page-content d-flex align-items-stretch">

            <!--***** SIDE NAVBAR *****-->


            <div class="content-inner chart-cont">

                <!--***** CONTENT *****-->
                <div class="row mt-2" id="card-prof">
                    <div class="col-md-3">
                        <div class="card hovercard">
                            <div class="cardheader"></div>
                            <div class="avatar">
                                <img alt="" src="../../../static/images/product/small-size/4.jpg" class="img-fluid">
                            </div>
                            <div class="info">
                                <div class="title">
                                    <a target="_blank" href="#" th:text="${user.userName}">用户名</a>
                                </div>
                                <div class="desc" th:text="${user.email}">邮箱</div>
                                <hr>
                            </div>
<!--                            <nav class="nav text-center prof-nav">-->
<!--                                <ul  class="list-unstyled ">-->
<!--                                    <li><a href="#">Profile</a></li>-->
<!--                                    <li><a href="#">Inbox</a></li>-->
<!--                                    <li><a href="#">Setting</a></li>-->
<!--                                    <li><a href="login.html">Logout</a></li>-->
<!--                                </ul>-->
<!--                            </nav>-->
<!--                            <div class="bottom">-->
<!--                                <a class="btn btn-info btn-twitter btn-sm" href="#">-->
<!--                                    <i class="fa fa-twitter"></i>-->
<!--                                </a>-->
<!--                                <a class="btn btn-danger btn-sm" rel="publisher"-->
<!--                                   href="#">-->
<!--                                    <i class="fa fa-google-plus"></i>-->
<!--                                </a>-->
<!--                                <a class="btn btn-primary btn-sm" rel="publisher"-->
<!--                                   href="#">-->
<!--                                    <i class="fa fa-facebook"></i>-->
<!--                                </a>-->
<!--                            </div>-->
                        </div>
                    </div>
                    <div class="col-md-9">
                        <div class="card hovercard">
                            <div class="tab" role="tabpanel">
                                <ul class="nav nav-tabs" role="tablist">
                                    <li class="nav-item ">
                                        <a class="nav-link active" href="#profile" role="tab" data-toggle="tab"><span><i class="fa fa-user"></i></span> 个人资料</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" href="#buzz" role="tab" data-toggle="tab"><span><i class="fa fa-inbox"></i></span> 我的文档</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" href="#references" role="tab" data-toggle="tab"><span><i class="fa fa-cog"></i></span> 通知设置</a>
                                    </li>
                                </ul>

                                <!-- Tab panes -->
                                <div class="tab-content tabs">
                                    <div role="tabpanel" class="tab-pane fade show active" id="profile">
<!--                                         <div class="row" id="report4">-->
<!--                                            <div class="col-md-4">-->
<!--                                                <div class="card text-center social-bottom sb-fb">-->
<!--                                                    <i class="fa fa-facebook"></i>-->
<!--                                                    <div>3250 +</div>-->
<!--                                                    <p>Likes</p>-->
<!--                                                </div>-->
<!--                                            </div>-->
<!--                                            <div class="col-md-4">-->
<!--                                                <div class="card text-center social-bottom sb-tw">-->
<!--                                                    <i class="fa fa-twitter"></i>-->
<!--                                                    <div>2345 +</div>-->
<!--                                                    <p>Following</p>-->
<!--                                                </div>-->
<!--                                            </div>-->
<!--                                            <div class="col-md-4">-->
<!--                                                <div class="card text-center social-bottom sb-gp">-->
<!--                                                    <i class="fa fa-google-plus"></i>-->
<!--                                                    <div>1253 +</div>-->
<!--                                                    <p>Followers</p>-->
<!--                                                </div>-->
<!--                                            </div>-->
<!--                                        </div>-->
                                        <div class="row mt-3">
                                            <h5 class="col-10 mb-2">基本资料</h5>
                                            <a  href="#" class="btn btn-sm btn-hover btn-primary" ><span class="fa fa-edit" style="padding-right:3px;"></span></a>
                                            <div class="col-12">
                                                <div class="form-group">
                                                    <strong class="mr-5"><i class="fa fa-user"> 姓名: </i></strong><span th:text="${user.userName}">用户名</span>
                                                </div>
                                                <div class="form-group">
                                                    <strong class="mr-5"><i class="fa fa-tag"> 学号: </i></strong><span th:text="${user.studentNo}">学号</span>
                                                </div>
                                                <div class="form-group">
                                                    <strong class="mr-5"><i class="fa fa-university"> 学校: </i></strong>    广东东软学院
                                                </div>
                                                <hr/>
                                            </div>
                                            <h5 class="col-10 mb-2">身份角色</h5>
                                            <a  href="#" class="btn btn-sm btn-hover btn-primary"  ><span class="fa fa-edit" style="padding-right:3px;"></span></a>
                                            <div class="col-12">
                                                <div class="form-group">
                                                    <strong class="mr-5"><i class="fa fa-users"> 角色: </i></strong>
                                                    <span th:each="role:${roles}"><span th:text="${role.remark}+'&nbsp;&nbsp;&nbsp;'">老师</span></span>
                                                </div>
                                                <div class="form-group">
                                                    <strong class="mr-5"><i class="fa fa-venus-mars"> 性别: </i></strong>
                                                    <span th:text="${user.sex}">男/女</span>
                                                </div>

                                                <hr/>
                                            </div>
                                            <h5 class="col-10 mb-2">账号设置</h5>
                                            <a  href="#" class="btn btn-sm btn-hover btn-primary"  ><span class="fa fa-edit" style="padding-right:3px;"></span></a>
                                            <div class="col-12">
                                                <div class="form-group">
                                                    <strong class="mr-5"><i class="fa fa-envelope"> E-mail: </i></strong>
                                                    <span th:text="${user.email}">邮箱</span>
                                                </div>
                                                <div class="form-group">
                                                    <strong class="mr-5"><i class="fa fa-comment"> QQ: </i></strong>
                                                    <span th:text="${user.qq}">qq</span>
                                                </div>
                                                <div class="form-group">
                                                    <strong class="mr-5"><i class="fa fa-phone"> Phone: </i></strong>
                                                    <span th:text="${user.phone}">手机号码</span>
                                                </div>
                                                <hr/>
                                            </div>

                                        </div>
                                    </div>
                                    <div role="tabpanel" class="tab-pane fade" id="buzz">
                                        <div class="panel panel-default widget">
<!--                                            <div class="panel-heading">-->
<!--                                                <h3 class="panel-title"><i class="fa fa-comment"></i> Messages</h3>-->
<!--                                            </div>-->
                                            <div class="panel-body">
                                                <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
                                                    <li class="nav-item">
                                                        <a class="nav-link active" id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true">我的上传</a>
                                                    </li>
                                                    <li class="nav-item">
                                                        <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab" aria-controls="pills-profile" aria-selected="false">我的收藏</a>
                                                    </li>
                                                    <li class="nav-item">
                                                        <a class="nav-link" id="pills-contact-tab" data-toggle="pill" href="#pills-contact" role="tab" aria-controls="pills-contact" aria-selected="false">我的下载</a>
                                                    </li>
                                                </ul>
                                                <div class="tab-content" id="pills-tabContent">
                                                    <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">暂无上传记录</div>
                                                    <div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">暂无收藏记录</div>
                                                    <div class="tab-pane fade" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab">暂无下载记录</div>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                    <div role="tabpanel" class="tab-pane fade" id="references">
                                        <div class="row mx-2">
                                            <div class="col-md-12 panel-heading">
                                                <h3 class="panel-title"><i class="fa fa-comment"></i> Edit Info</h3><br>
                                            </div>
                                            <div class="col-md-6 ">
                                                <div class="form-group row">
                                                    <label for="example-text-input1" style="width: 85px;" class=" col-form-label">Name</label>
                                                    <div class="col-9">
                                                        <input class="form-control" type="text" value="Steena Ben" id="example-text-input1">
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label for="example-email-input" style="width: 85px;" class=" col-form-label">Email</label>
                                                    <div class="col-9">
                                                        <input class="form-control" type="email" value="steena@gmail.com" id="example-email-input">
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label for="example-url-input" style="width: 85px;" class=" col-form-label">URL</label>
                                                    <div class="col-9">
                                                        <input class="form-control" type="url" value="www.Businessbox.com" id="example-url-input">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group row">
                                                    <label for="example-text-input" style="width: 85px;" class=" col-form-label">Department</label>
                                                    <div class="col-9">
                                                        <input class="form-control" type="text" value="Programming" id="example-text-input">
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label for="example-date-input" style="width: 85px;" class=" col-form-label">Hire Date</label>
                                                    <div class="col-9">
                                                        <input class="form-control" type="date" value="2018-08-19" id="example-date-input">
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label for="example-tel-input" style="width: 85px;" class=" col-form-label">Telephone</label>
                                                    <div class="col-9">
                                                        <input class="form-control" type="tel" value="+91-(555)-555-5555" id="example-tel-input">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <!--Global Javascript -->
<!--        <script src="js/jquery.min.js"></script>-->
<!--        <script src="js/popper/popper.min.js"></script>-->
<!--        <script src="js/tether.min.js"></script>-->
<!--        <script src="js/bootstrap.min.js"></script>-->
<!--        <script src="js/jquery.cookie.js"></script>-->
<!--        <script src="js/jquery.validate.min.js"></script>-->
<!--        <script src="js/chart.min.js"></script>-->
<!--        <script src="js/front.js"></script>-->

        <!--Core Javascript -->
        <script>
            new Chart(document.getElementById("myChart-nav").getContext('2d'), {
                type: 'doughnut',
                data: {
                    labels: ["M", "T", "W", "T", "F", "S", "S"],
                    datasets: [{
                        backgroundColor: [
                            "#2ecc71",
                            "#3498db",
                            "#95a5a6",
                            "#9b59b6",
                            "#f1c40f",
                            "#e74c3c",
                            "#34495e"
                        ],
                        data: [12, 19, 3, 17, 28, 24, 7]
                    }]
                },
                options: {
                    legend: { display: false },
                    title: {
                        display: true,
                        text: ''
                    }
                }
            });
        </script>

        <div class="footer-bottom_area">
            <div class="container">
                <div class="footer-bottom_nav">
                    <div class="row">
                        <div class="col-xl-4 col-lg-5 col-md-7 order-3 order-md-1">
                            <div class="copyright">
                                <span>Copyright &copy; 2019.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></span>
                            </div>
                            <div class="umino-social_link">
                                <ul>
                                    <li class="facebook">
                                        <a href="https://www.facebook.com/" data-toggle="tooltip" target="_blank" title="Facebook">
                                            <i class="fab fa-facebook"></i>
                                        </a>
                                    </li>
                                    <li class="twitter">
                                        <a href="https://twitter.com/" data-toggle="tooltip" target="_blank" title="Twitter">
                                            <i class="fab fa-twitter-square"></i>
                                        </a>
                                    </li>
                                    <li class="instagram">
                                        <a href="https://rss.com/" data-toggle="tooltip" target="_blank" title="Instagram">
                                            <i class="fab fa-instagram"></i>
                                        </a>
                                    </li>
                                    <li class="linkedin">
                                        <a href="https://www.linkedin.com/" data-toggle="tooltip" target="_blank" title="linkedin">
                                            <i class="fab fa-linkedin"></i>
                                        </a>
                                    </li>
                                    <li class="rss">
                                        <a href="http://www.rss.com/" data-toggle="tooltip" target="_blank" title="rss">
                                            <i class="fa fa-rss"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-3 col-md-5 order-1 order-md-2">
                            <div class="footer-logo">
                                <a href="javascript:void(0)">
                                    <img src="../../../static/images/footer/logo/1.png" alt="Umino's Logo">
                                </a>
                            </div>
                        </div>
                        <div class="col-lg-4 order-2">
                            <div class="payment-method">
                                <h3 class="heading">Allow payment base on</h3>
                                <a href="javascript:void(0)">
                                    <img src="../../../static/images/footer/payment/1.png" alt="Umino's Payment Method">
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="../../../static/js/vendor/jquery-1.12.4.min.js"></script>
    <!-- Modernizer JS -->
    <script src="../../../static/js/vendor/modernizr-2.8.3.min.js"></script>
    <!-- Popper JS -->
    <script src="../../../static/js/vendor/popper.min.js"></script>
    <!-- Bootstrap JS -->
    <script src="../../../static/js/vendor/bootstrap.min.js"></script>

    <!-- Slick Slider JS -->
    <script src="../../../static/js/plugins/slick.min.js"></script>
    <!-- Countdown JS -->
    <script src="../../../static/js/plugins/countdown.js"></script>
    <!-- Barrating JS -->
    <script src="../../../static/js/plugins/jquery.barrating.min.js"></script>
    <!-- Counterup JS -->
    <script src="../../../static/js/plugins/jquery.counterup.js"></script>
    <!-- Nice Select JS -->
    <script src="../../../static/js/plugins/jquery.nice-select.js"></script>
    <!-- Sticky Sidebar JS -->
    <script src="../../../static/js/plugins/jquery.sticky-sidebar.js"></script>
    <!-- jQuery UI -->
    <script src="../../../static/js/plugins/jquery-ui.min.js"></script>
    <!-- jQuery UI Touch Punch -->
    <script src="../../../static/js/plugins/jquery.ui.touch-punch.min.js"></script>
    <!-- Venobox JS -->
    <script src="../../../static/js/plugins/venobox.min.js"></script>
    <!-- Scroll Top JS -->
    <script src="../../../static/js/plugins/scroll-top.js"></script>
    <!-- Theia Sticky Sidebar JS -->
    <script src="../../../static/js/plugins/theia-sticky-sidebar.min.js"></script>
    <!-- Waypoints JS -->
    <script src="../../../static/js/plugins/waypoints.min.js"></script>
    <!-- ElevateZoom JS -->
    <script src="../../../static/js/plugins/jquery.elevateZoom-3.0.8.min.js"></script>
    <!-- Images loaded JS -->
    <script src="../../../static/js/plugins/imagesloaded.pkgd.min.js"></script>
    <!-- Isotope JS -->
    <script src="../../../static/js/plugins/isotope.pkgd.min.js"></script>
    <!-- Ajax Mail JS -->
    <script src="../../../static/js/ajax-mail.js"></script>

    <!-- Vendor & Plugins JS (Please remove the comment from below vendor.min.js & plugins.min.js for better website load performance and remove js files from avobe) -->
    <!--
<script src="../../static/js/vendor/vendor.min.js"></script>
<script src="../../static/js/plugins/plugins.min.js"></script>
-->

    <!-- Main JS -->
    <script src="../../../static/js/main.js"></script>

</body>

</html>

